<%@ page language="java" import="java.util.*" pageEncoding="GB18030"
	import="Reservation.UserBean,DomainData.ReviewBean,Application.Dao.ReviewDao,Application.Dao.ReservationDAO,
	DomainData.Reservation,DomainData.MainCourse,Application.Dao.MainCourseDAO"%>

<%
	UserBean currentUser = (UserBean) session.getAttribute("currentSessionUser");
	
	if(currentUser == null){
		String redirectURL = "Login.jsp";
    	response.sendRedirect(redirectURL);
	}
	else
	{
		int userID = currentUser.getUserID();
	}
	int counter = 1;
%>

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Customer Main Page</title>


<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.rating.css" type="text/css" rel="stylesheet" />
<script src="js/jquery-1.6.2.min.js" type="text/javascript"charset="utf-8"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.rating.js" type="text/javascript"charset="utf-8"></script>
<script src="js/loopedslider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/zoomer.js" type="text/javascript"></script>
<script src="js/coin-slider.min.js" type="text/javascript"></script>
<script src="js/home.js" type="text/javascript"></</script>
<script src="js/dinner.js" type="text/javascript"></</script>
<script src="js/reservation.js" type="text/javascript"></</script>
<script src="js/rate.js" type="text/javascript"></</script>
<script src="js/order.js" type="text/javascript"></</script>
<script type="text/javascript" charset="utf-8">
	$.fx.speeds._default = 1000;
	
	$(function(){	
		HOME.initPage();
		DINNER.initPage();
		RESERVATION.initPage();
		RATE.initPage();
		ORDER.initPage();
		
		HOME.showPage();
	
		$('#menu_bar li').hover(
		function () {
			//show its submenu
			$('ul', this).slideDown(100);

		}, 
		function () {
			//hide its submenu
			$('ul', this).slideUp(100);			
		});
		$('ul.cuisine li').Zoomer({speedView:200,speedRemove:100,altAnim:true,speedTitle:400,debug:false});
		$("#coin-slider").coinslider();
		
		$("submit").button();
});	
</script>

<script type="text/javascript" charset="utf-8">
	var cuisinecounter=1;
	function removeCuisinName(index){
		var ID = index;
		var removeItem = '#'+ID;
		$(removeItem).remove();
	}
</script>
</head>
<div class="mainBackground">
</div>
<body>
	<div id="topbanner">
		<h1 id="sitename">
			Welcome to K&G Restaurant
			<% if(currentUser != null){ %>
				<span>Name: <%=currentUser.getFirstName() + " " + currentUser.getLastName()%></span>
			<% } %>
		</h1>
	</div>
	<div id="wrap">
		<div id="header">
			<!--  This is our new slider-->
				<div id="coin-slider">
					
					<a href="images/gourmetfood001.jpg" target="_blank"><img src="images/gourmetfood001.jpg" >
								<span>Fantastic Food</span>
					</a>

    					<a href="images/gourmetfood002.jpg" target="_blank"><img src="images/gourmetfood002.jpg" >
								 <span>All different Gourmet Food</span>
					</a>
					<a href="images/gourmetfood003.jpg" target="_blank"><img src="images/gourmetfood003.jpg" >
								 <span>Fantastic Food</span>
					</a>
					<a href="images/gourmetfood004.jpg" target="_blank"><img src="images/gourmetfood004.jpg" >
								 <span>All different Gourmet Food</span>
					</a>
					<a href="images/gourmetfood005.jpg" target="_blank"><img src="images/gourmetfood005.jpg" >
								 <span>Fantastic Food</span>
					</a>
					<a href="images/gourmetfood006.jpg" target="_blank"><img src="images/gourmetfood006.jpg" >
								 <span>All different Gourmet Food</span>
					</a>
					<a href="images/gourmetfood007.jpg" target="_blank"><img src="images/gourmetfood007.jpg" >
								 <span>Fantastic Food</span>
					</a>
				</div>
		<!-- end slider -->
		</div>
	
		<div id="menu">
			<ul id = "menu_bar">
				<li><a href="#" onclick="HOME.showPage();">Home</a></li>
				<li><a href="#" onclick="DINNER.showPage();">Dinner Review</a></li>
				<li><a href="#" onclick="ORDER.showPage();">Order Online</a></li>
				<li><a href="#" onclick="RESERVATION.showPage();">Make Reservation</a></li>
				<li><a href="#" onclick="RATE.showPage();">Rate Restaurant</a></li>
			</ul>
			<div class ="clear"></div>
		</div>
		
		<div id="menucontent">	
		 		<%@include file="customer/home.jsp" %>
			 	<%@include file="customer/dinner.jsp" %>
		 		<%@include file="customer/reservation.jsp" %>
		 		<%@include file="customer/order.jsp" %>
  			 	<%@include file="customer/rate.jsp" %>
		</div>
		<div class="clear"></div>
		</div>
		<div id="footer">
			&copy; K&G Restaurant | all Rights Reserved by CSE 333 <span
				class="credit"><a
				href="http://www.weibo.com/gaotaojie/profile?topnav=1&wvr=4">Taojie
					Gao's Paradise</a> by Taojie Gao</span>

		</div>
</body>
</html>